$("span:lt(index)")
查查api就找到了

jq选择器选中多个会返回一个类似数组的对象，问题就变成了，怎么选择一个数组中的前三个元素。

$('span.bbb').slice(0,2);

似乎有点看错题了

--------以下是原答案--------

<p>
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
</p>

span:nth-child(-n+3){
    color: red;
}

:nth-child(an+b) 会匹配所有兄弟节点中位置位于an+b位置的元素。 其中 n 是从0开始的正整数。

虽然 n 是从0开始的正整数，但 a 其实可以取负值的。当我们将 a 取值为-1的时候，可以达到只选取前 b 个元素的目的。

如下 HTML

<span class="bbb">1</span>
<span class="bbb">2</span>
<span class="bbb">3</span>
<span class="bbb">4</span>
<span class="bbb">5</span>
<span class="bbb">6</span>

如下 JS

var spans = $('.bbb')
for (var i = 0; i < 3; i++) {
  console.log(spans[i])
}

:lt(index)选择器用于匹配所有小于指定索引的元素

$(".bbb:lt(3)")

关于选择器的问题，还是要看jQ文档，一者看“选择器”分类，再一看“遍历”分类，总能找到需要的。

jQuery API 中文文档