jquery怎么获得每个ul 前面的n个li?

html代码如下所示，我先预先只显示最前面4个li,怎么弄？

$(".cataList li:gt(4)).hidden();

这样写的话把所有的li都算成一个整体了？怎么区分呢？如果用$(".cataList li:nth-child(4))只能取第4个，如何取前4个呢？

<div class="cataList">
            <h3>语言课程</h3>
            <ul>
              <li><a href="">英语课程</a></li>
              <li><a href="">法语课程</a></li>
              <li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li><li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li>
            </ul>
         
          </div>
          <div class="cataList">
            <h3>工具软件</h3>
            <ul>
              <li><a href="">Flash制作(9)</a></li>
              <li><a href="">学用Microsoft Excel(12)</a></li>
              <li><a href="">HTML网页制作(3)</a></li>
              <li><a href="">英语课程</a></li>
            </ul>
           
          </div>
          <div class="cataList">
            <h3>工具软件</h3>
            <ul>
              <li><a href="">Flash制作(9)</a></li>
              <li><a href="">学用Microsoft Excel(12)</a></li>
              <li><a href="">HTML网页制作(3)</a></li>
              <li><a href="">英语课程</a></li>
            </ul>
          </div>
          <div class="cataList">
            <h3>语言课程</h3>
            <ul>
              <li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li>
              <li><a href="">英语课程</a></li>
            </ul>
          </div>

$('ul').each(function(){
  alert($(this).find('li').length);
});