如何实现查找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的，怎么实现一个动态灵活扩展的写法？？