First of all, I am completely new to Umbraco and relatively new to MVC and Razor, so apologies if I come across as a complete noob...

One of my Document Types has a Multiple Textstring property called "Key Features".

On my template I want to loop through this property and display each textstring, comma-separating the list to make it read like a sentence.  i.e. one comma between each item and no comma after the last item.

Here's my code fragment:

var counter = 1;
foreach( var feature in property.AsDynamic().keyFeatures)
{
    @feature
    if (counter < property.AsDynamic().keyFeatures.Length)
    {
        <span>,</span>
    }
    counter++;
}                                                    

The output is:

feature1
<span>,</span>
<span>,</span>
feature2
<span>,</span>
<span>,</span>
feature3
<span>,</span>
<span>,</span>
feature4

So the if statement handles the condition in the correct way, but why on earth is it outputting the <span> twice!!!

I'm really hoping this is a simple "you stupid noob, you should have done this" problem.

Cheers,

Simon