Как отобразить один элемент модели на страницу в ASP. NET Core?

Question

@model OnlineExam.Models.CandidateExam.CandidateItem

@{
    ViewData["Title"] = "Index";
    var questionList = JsonConvert.DeserializeObject<List<OnlineExam.Models.AdminQuestionModel.QuestionAndAnswers>>(TempData["questionList"].ToString());
    //var data = questionList as IEnumerable<OnlineExam.Models.AdminQuestionModel.QuestionAndAnswers>;
    var data2 = questionList as List<OnlineExam.Models.AdminQuestionModel.QuestionAndAnswers>; //new stackov
    int examAttemptId = Convert.ToInt32(TempData["examAttemptId"].ToString());
    TempData.Keep();

}

<h1>Answer Exam</h1>
<h6>Best of luck!!</h6>
<div>
    <form enctype="multipart/form-data" asp-action="AnswerExam">

        @{
            int counter = 0;
        }
        @for (var i = 0; i < data2.Count(); i++)
        {
            <table class="table">
                <tbody>
                    <tr class="border-light" style="background-color: lavender">
                        @{
                            counter = counter + 1;
                        }
                        <td>Question @counter) @data2[i].Question.ToString()</td>
                        @{
                            <td>
                                <input type="hidden" asp-for="candidateExamsList[i].ExamId" value="@data2[i].ExamId" />
                                <input type="hidden" asp-for="candidateExamsList[i].QuestionId" value="@data2[i].QuestionId" />
                                <input type="hidden" asp-for="candidateExamsList[i].ExamAttemptId" value="@examAttemptId" />
                            </td>
                        }
                    </tr>
                    @*<tr class="border-white">
                        <td>Options : </td>
                    </tr>*@
                    <tr class="border-light">
                        <td>a) @Html.RadioButtonFor(x => x.candidateExamsList[i].OptionSelected, data2[i].OptionOne) @data2[i].OptionOne</td>
                    </tr>
                    <tr class="border-light" style="background-color: lavender">
                        <td>b) @Html.RadioButtonFor(x => x.candidateExamsList[i].OptionSelected, data2[i].OptionTwo) @data2[i].OptionTwo</td>
                    </tr>
                    <tr class="border-light">
                        <td>c) @Html.RadioButtonFor(x => x.candidateExamsList[i].OptionSelected, data2[i].OptionThree) @data2[i].OptionThree</td>
                    </tr>
                    <tr class="border-light" style="background-color: lavender">
                        <td>d) @Html.RadioButtonFor(x => x.candidateExamsList[i].OptionSelected, data2[i].OptionFour) @data2[i].OptionFour</td>
                    </tr>
                    <tr><td> </td></tr>
                    <tr><td> </td></tr>
                </tbody>
            </table>
        }

        <div class="form-group">
            <input type="submit" value="Submit Test" class="btn btn-primary"/>
        </div>
    </form>
</div>

У меня есть список вопросов в моей модели, и я должен sh отобразить каждый вопрос (элемент модели) на одной странице, а затем нажать «Далее», чтобы перейти к следующему вопросу (элемент модели).

Как мне этого добиться?