Repeater绑定前几行数据的显示效果问题

我要做个排行榜的小功能，使用Repeater绑定了查找到的前几行数据,此处显示的效果不可以上传截图，只有手写上去了，
图片一,帮考网的优势！为您解读：
图片二.帮考网的优势！为您解读：
图片三,帮考网的优势！为您解读：
图片四,帮考网的优势！为您解读：
图片五,帮考网的优势！为您解读：
图片六,帮考网的优势！为您解读：
图片七,帮考网的优势！为您解读：
图片八,帮考网的优势！为您解读：
要显示像上面的这种列表形式（列表头部是不同的图片），我的代码如下：
<ul class="main_l_ntit">
<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
         <li class="main_l_n1"><%# Eval("UserName")%><span><%# Convert.ToDouble(Eval("Sum_Money").ToString())%>元</span></li>
    </ItemTemplate>
</asp:Repeater>
</ul>
现在我显示的形式是这样啊的：
1,帮考网的优势！为您解读：
2.帮考网的优势！为您解读：
3,帮考网的优势！为您解读：
4,帮考网的优势！为您解读：
5,帮考网的优势！为您解读：
6,帮考网的优势！为您解读：
7,帮考网的优势！为您解读：
8,帮考网的优势！为您解读：
现在的问题是如何把前面的数字列表改变成不同的图片，并且前三条数据的样式还不一样，（由于上传不了截图，只能这样手写效果了）请教高手如何判断。带上代码哈！