TOPに各カテゴリの記事を3つずつ載せたい

色々調べて廻ったのですが今一要領をえませんでしたので、質問させていただきます。

簡単に言えばタイトルどうりなのですが

<!--index_area-->
<h1>NEW ENTRY'S</h1>
<h2>カテゴリ01</h2>
<ul>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
</ul>
<h2>カテゴリ02</h2>
<ul>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
</ul>
<h2>カテゴリ03</h2>
<ul>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
<li>記事タイトル<span>日付・コメント数</span><p>記事の上聞（20文字程度）</p></li>
</ul>
<!--/index_area-->

上記のような形にしたいのですが、いかようにすれば良いでしょうか？
記事の上聞に関しては追記機能はユーザーの二度手間を考えると避けておきたいと考えております。
不可能であれば省く方向でタイトル・日付・コメント数のみにしようと考えております。

見た目として上記のような形が取れればどういった形でもかまいませんので、方法があれば、お手数ですがお願いいたします。