怎么实现查找n组ul li中的前n个元素？

如何实现查找n组ul li中的前n个元素？？
效果如下所示，但是下面是hard code的，不是很理想，请指教。

<div>

    <ul>

        <li>23</li>

     

        <li>2sq</li>

     

        <li>3w</li>

     

        <li>4e</li>

    </ul>

    <ul >

        <li>sas</li>

     

        <li>sd</li>

     

        <li>a</li>

     

        <li>b</li>

    </ul>

    

     <ul >

        <li>sas</li>

     

        <li>sd</li>

     

        <li>a</li>

     

        <li>b</li>

    </ul>

    

     <ul >

        <li>sas</li>

     

        <li>sd</li>

     

        <li>a</li>

     

        <li>b</li>

    </ul>

</div>

.vip {

    color:red;

}

$(function() {

    $("ul li:nth-child(1)").addClass("vip");

    $("ul li:nth-child(2)").addClass("vip");   

    

});

对n组ul li的前n个li增加vip样式，上面的js是hard code的，怎么实现一个动态灵活扩展的写法？？

------解决方案--------------------
$("ul").each(function () { $('li:lt(2)', this).addClass('vip') })

改红色部分，下标从0开始。。