获取所有项目并限制img标签的数量

Question

我正在寻找的是仅限制缩略图 (img) 的数量并保持 foreach 不变。

假设我的文件夹中有 6 个项目，我需要获取所有项目但只有前 2 个图片标签。

这可能吗？

这是我的代码，

@{
    string folderPath = Server.MapPath("/media");
    string[] files = Directory.GetFiles(folderPath + "/" + Model.Content.GetPropertyValue("Name"));
}
@foreach (string item in files){

<li data-src="/media/@Model.Content.GetPropertyValue("Name")/@Path.GetFileName(item)" data-sub-html="">
                    <a href="">
                        <img src="/media/@Model.Content.GetPropertyValue("Name")/@Path.GetFileName(item)"/>
                    </a>
                </li>
}

所需的最终结果如下所示：

<li data-src="/media/806.png" data-sub-html="">
                        <a href="">
                            <img src="/media/806.png"/>
                        </a>
                    </li>
    <li data-src="/media/853.png" data-sub-html="">
                        <a href="">
                            <img src="/media/853.png"/>
                        </a>
                    </li>
    <li data-src="/media/089.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/931.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/061.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/735.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>

Answer 1

为什么不使用带索引的for循环，然后做一个if语句来限制显示？

如：

@{
    string folderPath = Server.MapPath("/media");
    string[] files = Directory.GetFiles(folderPath + "/" + Model.Content.GetPropertyValue("Name"));
}

@for(int i =0; i < files.Length; i++)
{
    var item = files[i];
    <li data-src="/media/@Model.Content.GetPropertyValue("Name")/@Path.GetFileName(item)" data-sub-html="">
                    <a href="">
                        // when index is 0 and 1 (first two), render image
                        @if(i <= 1)
                        {
                            <img src="/media/@Model.Content.GetPropertyValue("Name")/@Path.GetFileName(item)"/>
                        }
                    </a>
                </li>
}

获取所有项目并限制img标签的数量

Get all the items and limit the number of the img tags only

c#

asp.net-mvc

umbraco7